<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Smart Report</title>
    <!-- 引入 Bootstrap CSS -->
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" />
    <style>
      .ui_container {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 800px;
        padding: 0;
        z-index: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 15px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      }

      .error_msg{
        color: red;
        font-size: smaller;
      }
      .header {
        margin-bottom: 20px;
      }
      .larger {
        font-size: 1.5em;
      }
    </style>
  </head>
  <body>
    <div class="ui_container">
      <div class="session__body">
        <div class="session-sidebox col-md-6">
              <div class="session-sidebox__logo">
                <img alt="logo" src="/static/img/logo.png" />
              </div>
        </div>
        <div class="session-form col-md-6">
            <div class="header">
                <div class="col-md-9 larger">
                    <span>LUXSHARE i-Report</span> 
                </div>
                <div class="col-md-3">
                   
                </div>
            </div>
            <br>
       
        <form class="form-horizontal" action="/login/" accept-charset="UTF-8" method="post">
            {% csrf_token %}
            <div class="form-group">
                <div class="col-sm-12">
                <input class="form-control"  placeholder="工号" type="text" name="user_id"/></div>
            </div>
            <div class="form-group">
                <div class="col-sm-12">
                    <input class="form-control"  placeholder="请输入密码" type="password" name="user_pwd" />
                </div>
            </div>
            <div class="form-group d-flex align-items-end">
                &nbsp;&nbsp;&nbsp;
                    <button class="btn btn-primary"  type="submit" name="commit" >登录</button>
                    &nbsp;&nbsp;&nbsp;
                    <!-- <span >
                        <a href="/add/">点此注册</a>
                    </span> -->
                    &nbsp;&nbsp;&nbsp;
                    <span class="error_msg">{{ error }}</span>
            </div>
              
            
            
            
        </form>
        </div>
      </div>
    </div>

    <link rel="javascript" href="{% static 'js/bootstrap.min.js' %}" />
  </body>
</html>
